<style type="text/css">
#ar{
    position:absolute;
    top:5px;
    right:0px;
    border:6px inset #b0b5bd;
    text-align:center;
    color:#000066;
    background-color:#d0d6df;
    cursor:move;
    height:50px;
    width:340px;
}
</style>
<div id="ar"></div>
<br><br>
<?php echo CYui::init(true, true); ?>
<h2>Table Demo</h2>
<br><br>
<?php echo CYuiTable::tableRender($table); ?>
<br><br>
<table class="dataGrid">
    <tr>
        <th colspan="4"><h3>table</h3></th>
    </tr>
    <tr>
        <th>Param</th>
        <th>Type</th>
        <th>Description</th>
        <th>Required</th>
    </tr>
    <tr>
        <td><b>$tableName</b></td>
        <td>string</td>
        <td>table name</td>
        <td align="center">+</td>
    </tr>
    <tr>
        <td><b>$columns</b></td>
        <td>array</td>
        <td>array with columns definition</td>
        <td align="center">+</td>
    </tr>
    <tr>
        <td><b>$dateFormat</b></td>
        <td>string</td>
        <td>date format string, wich auto convert to MySql format.</td>
        <td align="center">`%d.%m.%Y`<br>see CYui::DEFAULT_DATE_FORMAT</td>
    </tr>
    <tr>
        <td><b>$ajax</b></td>
        <td>array</td>
        <td>ajax call when select new value for widget</td>
        <td align="center">NULL</td>
    </tr>
    <tr>
        <td colspan="4" align="center">
            <?php echo CYui::codeHighlight(' echo CYui::activeCalendar($tableDemo, `date1`);', 'php'); ?>
        </td>
    </tr>
</table>
